<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>选择代理</title>
    <link rel="stylesheet" href="../mui/css/mui.min.css" type="text/css" />
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body>
<header class="mui-bar mui-bar-nav">
	<a class="mui-action-back"><i class="icon icon-back"></i></a>
	<h1 class="mui-title">选择代理</h1>
</header>
<div class="mui-content pb15">
    <div class="anget-serch">
    	<div class="c-search">
        	<i class="icon icon-search"></i>
        	<input type="search" class="search-text" placeholder="搜索代理/手机">
            <a href="javascript:;" class="search-clear"><i class="icon icon-close"></i></a>
        </div>
    </div>
    <div>
    	<ul class="anget-tel">
        	<li class="tel-word" data-val="A">A</li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li class="tel-word" data-val="B">B</li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li class="tel-word" data-val="C">C</li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li class="tel-word" data-val="D">D</li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li class="tel-word" data-val="G">G</li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li class="tel-word" data-val="J">J</li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li class="tel-word" data-val="K">K</li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li class="tel-word" data-val="L">L</li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li class="tel-word" data-val="P">P</li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
            <li>
            	<div class="c-list-info">
                	<p>张三</p>
					<p class="c-999">18850888888</p>
                </div>
            	<div class="c-list-key">
                	<p>今日：<span class="c-red">¥4523.00</span></p>
					<p>昨日：<span class="c-05aa52">¥4523.00</span></p>
                </div>
                <a href="tel:18850888888" class="tel-send"><i class="icon icon-tel"></i></a>
            </li>
        </ul>
    </div>
    <div class="word-list">
    	<ul>
            <li><a href="javascript:;">A</a></li>
            <li><a href="javascript:;">B</a></li>
            <li><a href="javascript:;">C</a></li>
            <li><a href="javascript:;">D</a></li>
            <li><a href="javascript:;">G</a></li>
            <li><a href="javascript:;">J</a></li>
            <li><a href="javascript:;">K</a></li>
            <li><a href="javascript:;">L</a></li>
            <li><a href="javascript:;">P</a></li>
        </ul>
    </div>
</div>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../mui/js/mui.min.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript">
$('.mui-content').on('click','.word-list li',function(){
	var val = $(this).find('a').html();
	var top = $('.anget-tel li[data-val='+val+']').offset().top - 44;
	$('body,html').animate({scrollTop:top},300);
});
</script>
</body>
</html>